<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>蛋糕订做</title>
	<link rel="stylesheet" type="text/css" href="z1.css">
</head>
<body>
	<div class="head">
    <div class="nav1">
       <ul>
     	   <li> <a href="./index.html">首页</a></li>
     	   <li><a href="./biaodan.html">登录</a></li>
       </ul>
    </div>
    </div>
	<div class="box">
	   <table width="100%" border="0" cellspacing="0" cellpadding="20" rules="none">
		<tr>
			<th align="center">生日蛋糕</th>
			<th align="center">聚会蛋糕</th>
			<th align="center">双层蛋糕</th>
			<th align="center">多层蛋糕</th>
	    </tr>
	  </table>
    </div>
	<div class="title">
	  <form>
		<div>适用场合</div>
		<div>生日party</div>
		<input type="checkbox" name="checkbox2" id="checkbox1">
		<div>结婚典礼</div>
		<input type="checkbox" name="checkbox3" id="checkbox2">
		<div>大型聚会</div>
		<input type="checkbox" name="checkbox4" id="checkbox3">
	  </form>
	  <form>
		<div>订做种类</div>
		<div>冰淇淋蛋糕</div>
		<input type="checkbox" name="checkbox2" id="checkbox1">
		<div>水果蛋糕</div>
		<input type="checkbox" name="checkbox3" id="checkbox2">
		<div>奶油蛋糕</div>
		<input type="checkbox" name="checkbox4" id="checkbox3">
	  </form>
	   <form>
		<div>蛋糕层数</div>
		<div>一层</div>
		<input type="checkbox" name="checkbox2" id="checkbox1">
		<div>两层</div>
		<input type="checkbox" name="checkbox3" id="checkbox2">
		<div>多层</div>
		<input type="checkbox" name="checkbox4" id="checkbox3">
		<button>选定</button>
	  </form>		
	</div>
	<table width="100%" border="1" cellspacing="0" cellpadding="20" rules="none">
		<caption>商品详情</caption>
		<tr>
			<td colspan="2" align="center"><img src="images/a1.jpg" alt=""><br>巧克力狂想曲&nbsp;&nbsp;&nbsp;388$</td>
			<td colspan="2" align="center"><img src="images/a2.jpg" alt=""><br>大地的献礼&nbsp;&nbsp;&nbsp;388$</td>
		</tr>
		<tr>
			<td colspan="2" align="center"><img src="images/a3.jpg" alt=""><br>梦幻花&nbsp;&nbsp;&nbsp;588$</td>
			<td colspan="2" align="center"><img src="images/a4.jpg" alt=""><br>公主冠&nbsp;&nbsp;&nbsp;588$</td>
		</tr>
		<tr>
			<td colspan="2" align="center"><img src="images/a5.jpg" alt=""><br>生长的结果&nbsp;&nbsp;&nbsp;888$</td>
			<td colspan="2" align="center"><img src="images/a6.jpg" alt=""><br>倾倒甜蜜&nbsp;&nbsp;&nbsp;1088$</td>
		</tr>
	</table>
</body>
</html>